function initClient(id){
    infoClient = new InfoClient(id);
    init(infoClient.id);
    $("#visionneuse").droppable({
        drop:function(event, ui) {
                getDoc(ui.draggable.parent().attr("id"));
                $("#menuGauche .texte").each(function(){
                                                $(this).css("color","black");
                                                });
                ui.draggable.css("color","blue");
        }
    });
}
function afficheUE(monXML){
    // affichage de la partie user
    infoClient.type = $(monXML).find("type").text();
    infoClient.nom = $(monXML).find("nom").text();
    infoClient.prenom = $(monXML).find("prenom").text();
    inserer("div","personne",$("#infoCnx"),"Bonjour "+infoClient.prenom+" "+infoClient.nom);
    // affichage de la partie UE
    inserer("ul","listeUE",$("#menuGauche"),"");
    inserer("p", "idListe",$("#listeUE"), "UE :");
    $(monXML).find("codeUE").each(function(){
            inserer("li",$(this).text(),$("#listeUE"),"<img src='images/plus.jpg' height=15 width=15></img><span class='texte'>"+$(this).parent().find("nomUE").text()+"</span>");
            var monIm = $("#listeUE").find("img").last();
            monIm.bind("click", function(){derouler(monIm,"ue");});
        });
}

function afficheTD(monXML, idOuInserer){
    changerImg($("#"+idOuInserer+" img"),"images/moins.jpg");
    inserer("ul","listeTD_"+idOuInserer,$("#"+idOuInserer),"");
    $(monXML).find("TDs").children("td").each(function(){
            var imgDeroule = 'images/plus.jpg';
            if(infoClient.type=="prof"){
                imgDeroule = 'images/moins.jpg'
            }
            inserer("li",$(this).children().first().text(),$("#listeTD_"+idOuInserer),"<img src="+imgDeroule+" height=15 width=15></img><span class='texte'>"+$(this).children().eq(1).text()+"</span>");
            var monIm = $("#listeTD_"+idOuInserer).find("img").last();
            monIm.bind("click", function(){derouler(monIm,"td");});
            var monText = $("#listeTD_"+idOuInserer).find(".texte").last();
            monText.css("cursor", "pointer");
            monText.draggable({
                revert: true
            });
        });
}

function afficheExo(monXML, idOuInserer){
    changerImg($("#"+idOuInserer+" img"),"images/moins.jpg");
    inserer("ul","listeEx_"+idOuInserer,$("#"+idOuInserer),"");
    $(monXML).find("Exos").children("ex").each(function(){
            var imgDeroule = 'images/plus.jpg';
            if($(this).children().eq(2).text()=="false"){
                imgDeroule = 'images/moins.jpg'
            }
            inserer("li",$(this).children().first().text(),$("#listeEx_"+idOuInserer),"<img src="+imgDeroule+" height=15 width=15></img><span class='texte'>"+$(this).children().eq(1).text()+"</span>");
            if($(this).children().eq(2).text()!="false"){
                var monIm = $("#listeEx_"+idOuInserer).find("img").last();
                var idEx = $(this).children().eq(0).text();
                var idCor = $(this).children().eq(2).text();
                monIm.bind("click", function(){
                    if(monIm.attr('src')=="images/plus.jpg"){
                        changerImg(monIm,"images/moins.jpg");
                        inserer("ul","ListeCorrige_"+idEx,$("#"+idEx),"");
                        inserer("li",idCor,$("#ListeCorrige_"+idEx),"<img src='images/moins.jpg' height=15 width=15></img><span class='texte'>Corrigé</span>");
                        var monText = $("#ListeCorrige_"+idEx).find(".texte").first();
                        monText.css("cursor", "pointer");
                        monText.draggable({
                            revert: true
                        });
                    }
                    else{
                        changerImg(monIm,"images/plus.jpg");
                        monIm.parent().find("ul").eq(0).remove();
                    }
                });
            }
            var monText = $("#listeEx_"+idOuInserer).find(".texte").last();
            monText.css("cursor", "pointer");
            monText.draggable({
                revert: true
            });
        });
}

function derouler(img, type){
    if(img.attr('src')=="images/plus.jpg"){
        img.attr('src',"images/moins.jpg");
        if(img.parent().children("ul").size()!=0){
            img.parent().children("ul").each(function(){
                $(this).css('display', 'block');
            });
        }
        else{
            if(type=="ue"){
                searchTD(img.parent().attr("id"));
            }
            else if(type=="td"){
                searchExo(img.parent().attr("id"));
            }
        }
    }
    else{
        img.attr('src',"images/plus.jpg");
        img.parent().children("ul").each(function(){
                $(this).css('display', 'none');
        });
    }
}

function visionneDoc(monXML, idDoc){
    if(infoClient.documentOuvert==""){
        // ajout des boutons modif si enseignant
        if(infoClient.type=="ens"){
            inserer("button","modif",$("#boutons"),"Modifier");
            $("#modif").bind('click',function(){
                modifinit();
            });
        }
    }
    infoClient.documentOuvert = idDoc;
    $("#visu").html('');
    inserer("p","titre",$("#visu"),$(monXML).find("titre").eq(0).text());
    $(monXML).find("doc").eq(0).children("contenu").each(function(){
            $(this).children("c").each(function(){
                inserer("p",$(this).children("id").eq(0).text(),$("#visu"),$(this).children("contenu").eq(0).text());
            });
    });
}

function modifinit(){
    // ajouter textarea id='html'
    var re = new RegExp("^TD");
    if (infoClient.documentOuvert.match(re)) {
        alert("Successful match");
    } else {
        $("#editTexte").html('<textarea id="html" class="ckeditor" name="html" cols="80" rows="20">'+$("#visu").html()+'</textarea>');
        $("#visu").html('');
        $("#html").ckeditor();
        $("#modif").text("Valider");
        $("#modif").unbind('click');
        $("#modif").bind('click',function(){
            valid();
        });
    }
}


function valid(){
    var temp = $("#html").val();
    setDoc(infoClient.documentOuvert, temp);
    $("#editTexte").css("display","none");
    $("#visu").html(temp);
    $("#modif").text("Modifier");
    $("#modif").unbind('click');
    $("#modif").bind('click',function(){
        modif();
    });
//      document.getElementById('contenuEx').value=$("#html").val();
//      document.getElementById('idExercice').value= infoClient.documentOuvert;
//      document.forms[0].submit();
}